.daai-icon {
    --daai-icon-color: inherit;
    display: inline-block;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    color: var(--daai-icon-color);
    font-size: inherit;
}

@each $val in primary,
success,
warning,
danger,
info {
    .daai-icon--#{$val} {
        --daai-icon-color: var(--daai-color-#{$val});
    }
}